<template>
	<div class="flow-row">
		<div class="flow-box">
			<div class="flow-item">
				<div class="node-name" :class="nameClass(node, 'node-temmi')">
					分隔
					<div v-if="!readable" class="close-icon">
            <SvgIcon  name="ele-CircleClose" />
          </div>
				</div>
			</div>
			<FlowAddNode :node="node" :nodeType="7" :readable="props.readable" />
		</div>
	</div>
</template>
<script lang="ts" setup name="DividNode">
import FlowAddNode from '../add/index.vue';
const props = defineProps({
	node: {
		type: Object,
		default: function () {
			return {};
		},
	},
	readable: {
		type: Boolean,
		default: false,
	},
});
/**
 * 节点头部样式
 * @returns
 */
function nameClass(node, defaultStyle) {
	if (node.status == -1) {
		return defaultStyle;
	}
	return { 'node-status-not': node.status == 0, 'node-status-current': node.status == 1, 'node-status-complete': node.status == 2 };
}
</script>
